<%-- 
    Document   : Registro
    Created on : 02-sep-2013, 12:42:58
    Author     : Pavilion
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <%--<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">--%>
        <title>Registro</title>
           
</head>
 <body>  
<script type="text/javascript">
function verificarForm(form){}

</script>     
  <h1>Registro de Nuevo Usuario</h1>
  <form method="post" name="registro" id="registro" >
      <div style="margin-bottom: 10px; margin-top: 15px; width: 100%">
          <p style="h1">Todos los campos son obligatorios</p>
          <div style="display: inline-block; width: 395px">Apellido: <input style="display: inline-box;" name="apellido" type="text" id="apellido" size="40"/></div>
          <div style="display: inline-block; width: 395px">Nombre: <input style="display: inline-box;" name="nombre" type="text" id="nombre" size="40"/></div>    
      </div>  
      <div style="margin-bottom: 10px; margin-top: 15px; width: 100%" >    
      <div style="display: inline-block; width: 250px">
    Tipo Doc: <SELECT style="display: inline-box; width: 100px"  name="tipodoc" id="tipodoc" >
        <option value="0" selected="">Seleccione Tipo Documento</option>
       <OPTION value="1">DNI</option>
       <OPTION value="2">CI</option>
       <OPTION value="3">LE</option>
       <OPTION value="4">LC</option>
       <OPTION value="5">Pasaporte</option>                        
    </SELECT>
</div>
    <div style="display: inline-block; width: 520px">
        Documento de Identidad: <input style="display: inline-box; maxlenght:8" name="dni" type="text" id="dni" size="40"/>
    </div>          
      </div>
<div >E-mail: <input style="display: inline-box;" name="email" type="text" id="email" size="40"/></div>     
<div style="margin-top: 5px; margin-top: 5px">
    <div style="display: inline-block; width: 380px">Usuario:<input style="display: inline-box; width: 150px" name="usuario" type="text" id="usuario" size="50"/></div>
    <div style="display: inline-block; width: 380px">Contraseña: <input style="display: inline-box; width: 150px; maxlenght:10" name="pass" type="text"  id="pass" size="50"/></div>
</div> 

   <input type="submit" onClick="Registrar(this)" name="registrar" id="registrar" value="Registrar" >
   <input type="submit" onClick="Volver('javascript:history.go(-1)')" id="volver" name="volver" value="Volver"> 
   <input type="submit" onclick="Salir()" id="salir" name="salir" value="Salir"/> 

<script type="text/javascript"> 
    function Registrar(form){    	 
 		if ((this.apellido.value=="")||this.apellido.value.lenght==0){
			alert ("Debe ingresar el apelldio del titular de la cuenta");
			this.apellido.focus();
			return false;
		}             
		if ((this.nombre.value=="")||this.nombre.value.lenght==0){
			alert ("Debe ingresar su nombre del titular de la cuenta");
			this.nombre.focus();
			return false;
		}
                if ((this.tipodoc.value=="0") || (this.tipodoc.value=="Seleccione Tipo Documento")){
                         alert("Debe seleccionar el tipo de documento"); 
 			 this.tipodoc.focus();
			 return false;
		}                 
 		if ((this.dni.value=="")||this.dni.value.lenght==0){
			alert ("Debe ingresar el nro de documento del titular de la cuenta");
			form.dni.focus();
			return false;
		}

                if (isNaN(this.dni.value)){
		    alert ("Debe ingresar un número de documento válido. Debe contener solo caracteres numéricos");                    
                    this.dni.focus();
                    return false;
                   }

                if((this.dni.value.length<7)||(this.dni.value.length>9)){                   
                    alert ("Debe ingresar un número documento válido cuyo tamaño debe ser de 7 / 8 cifras.");                    
                    this.dni.focus();
                    return false;                    
                   }
                   
                if ((this.email.value=="")||this.email.value.lenght==0){
			alert ("Debe ingresar un e-mail");
			this.email.value="";
			this.email.focus();
                        return false;                       
                }else{  
                        valor = validarEmail(this.email.value);
                        if (valor = false){
                        alert ("Debe ingresar un email válido");
			this.email.focus();			
                        return false;
                        } 
		}

	 	if ((this.usuario.value=="")||this.usuario.value.lenght==0){
			alert ("Debe asignar un nombre de usuario");
			this.usuario.focus();
			return false;
		}
		if ((this.pass.value=="")||this.pass.value.lenght==0){
			alert ("Debe asignar una contraseña");
			this.pass.focus();
			return false;
		}
                
                if((this.pass.value.length<3)||(this.pass.value.length>10)){                   
                    alert ("Su contraseña debe contener como mínimo 3 caracteres y como máximo 10.");                    
                    this.pass.focus();
                    return false;                    
                   } 
             this.action='ServletRegistrar';       
            // this.submit();
	 }

function validarEmail(value){ 
    var ExpRegular = /(\w+)(\.?)(\w*)(\@{1})(\w+)(\.?)(\w*)(\.{1})(\w{2,3})/;
     if(ExpRegular.test(value)) { 
        return true; 
    }else{ 
        return false; 
    }
} 

   function Volver(destino){
     registrar.action=destino;
     registrar.submit();
    }
    function Salir(){
        this.close();
     }
</script>

 <% if (request.getParameter("status")!=null) {
       int status= Integer.valueOf(request.getParameter("status"));
        if (status==0) 		 
           {%>
           <script> alert ("El nombre de usuario seleccionado ya esta en uso. Cambielo e intentelo nuevamente");</script>
 <%
}
       else if (status==1)
{
%>
            <script>alert ("Este usuario ya esta registrado");</script>  
 <%
}
else
{
%>   
            <script>alert ("Ha ocurrido un error al cargar los datos. Inténtelo de nuevo.");</script>  
           <% }
                      }
                   %>   
  </form>    
 </body>
</html>
